/**
 * Shopware 4.0
 * Copyright © 2012 shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage BoxSelect
 * @copyright  Copyright (c) 2012, shopware AG (http://www.shopware.de)
 * @version    $Id$
 * @author shopware AG
 */
@mixin shopware-boxselect {
	table[id^=comboboxselect] {
		tr[id$=inoutRow] {
			width: 100%;
		}
		
		table.#{$prefix}form-trigger-wrap .#{$prefix}form-trigger-input-cell {
			width: 100%;
		}
	}
    .#{$prefix}boxselect {
    	width: 100%;
    	
        ul.#{$prefix}boxselect-list {
            height: auto;
            cursor: text;
            min-height: 22px;
            padding: 0;
            overflow: auto;
            overflow-x: hidden;
        }
        
        input {
            border: none;
            background: none;
            line-height: 18px;
            height: 22px;
            width: 100%;
            padding: 1px 3px;
        }
    }

    .#{$prefix}boxselect-input, .#{$prefix}boxselect-item {
        display: inline-block;
        position: relative;
        *display:inline; /* IE7 */
        zoom:1; /* IE */
    }

    .#{$prefix}boxselect-stacked .#{$prefix}boxselect-item {
        display: block;
    }

    .#{$prefix}boxselect-item {
        @include border-radius(4px);
        padding: 0 1px 0 5px !important;
        margin: 1px 1px 1px 0;
        background-color: #dee7f8;
        border: 1px solid transparent;
        cursor: default;
    }

    .#{$prefix}field:not(.#{$prefix}item-disabled) .#{$prefix}boxselect-item {

        &:hover {
            background: #bbcef1;
            border: 1px solid #6d95e0;
        }
        &.selected {
            border: 1px solid #316ad3 !important;
            background: #658fdc !important;
        }
    }
    .#{$prefix}boxselect-item-text {
        line-height: 16px;
        padding-right: 20px;
    }
    .#{$prefix}boxselect-item-close {
        cursor: pointer;
    }
}